<script setup>
import centerCom from './components/center-com.vue';
import { provide , ref} from 'vue';

provide('name', 'zhangsan');

const count = ref(2);
provide('count', count); // 通过 provide 提供一个响应式数据给子组件使用
provide('change', (num) => {
    count.value -= num; // 通过 provide 提供一个函数给子组件使用
});
</script>

<template>
    <div>
        <h1>  顶层组件 </h1>
        <centerCom></centerCom>
    </div>
</template>